<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- <script src="jquery.min.js"></script> -->
</head>
<body>
    <span>888</span>
    <script stype="text/javascript">
            // console.log(alert(1));//先弹出1，再输出undefined
            // alert(alert(1));//先弹出1，再弹出undefined
            // alert(alert(1),alert(2));//先弹出1，再弹出2，再弹出undefined

            // Array = setTimeout;//将数据类型重新赋值为定时器函数,那么Array将作为定时器被使用
            // Array(v => {
            //     console.log(10);
            // },1000);

            // alert = Number;
            // console.log(new alert(10));//输出的是Number类型的10

            // prompt('请输入提示信息');//文字输入框
            // console.log(prompt('111'));//先弹出文字输入框，如果用户有输入内容，就打印出内容，如果直接取消，就打印null。

            // console.log(console);//console是js的一个对象，里面包含很多属性和方法
            
            // console.error('222');//正常情况下控制台报错后后面的js代码不会继续执行。
            //但由于这里的error是开发者自己写的，不是系统真正的报错，
            //所以这里的话 ，系统打印完报错信息后还会继续打印1
            // console.log('1');


            // console.time();
            // {
            //     var a = 0;
            //     for(var i = 0 ;i<99999;i++){
            //         a+=i;
            //     }
            // }
            // console.timeEnd();//使用这两个方法可以帮助开发者测试中间的代码段的执行时间。会返回一段时间值

            // confirm('确认要继续吗？');//弹出一个弹框，有确认和取消按钮
            // console.log(confirm('000'));//如果点击确认，就输出true,点击取消，就输出false

            // //%s字符串占位符,
            // console.log('今天来的%s人不少啊','客');//‘客’是第二个参数。输出结果：今天来的客人不少啊
            // console.log('今天来的%s人%s不少啊','客','也');//占位符顺序和参数个数以及顺序都会对于:今天来的客人也不少啊
            // //%d数字占位符：
            // var a = 5;
            // console.log('今天只有%d人%d',10,a+=1);//今天只有10人6  注意：这里如果参数是个运算的话，必须是变量的运算。如果类似4+1作为参数会报错
            // //%o对象占位符。object
            // console.log('---%o------',{a:3});//---{a:3}------
            // console.log('---%o------',[1,2]);//---[1,2]------
            // // %c样式占位符，可以改变控制台输出的内容的字体颜色
            // console.log('%c嘿嘿%c嘿嘿嘿','color:red;font-size:20px;','color:green;');//

            // setInterval(v=> {
            //     console.log('%c我%c喜%c欢%c你',"color:rgb("+parseInt(Math.random()*256)+','+parseInt(Math.random()*256)+','+parseInt(Math.random()*256)+")","color:rgb("+parseInt(Math.random()*256)+','+parseInt(Math.random()*256)+','+parseInt(Math.random()*256)+")","color:rgb("+parseInt(Math.random()*256)+','+parseInt(Math.random()*256)+','+parseInt(Math.random()*256)+")","color:rgb("+parseInt(Math.random()*256)+','+parseInt(Math.random()*256)+','+parseInt(Math.random()*256)+")");
            // },1);

            // console.clear();//清楚console.log()打印的内容

            // console.dir();//可用来解析DOM元素，这是和log最大的区别。同log一样可以用来在控制台输出
            // console.log(span);//输出<span id="" style=""></span>
            // console.dir(span);//输出是span对象，包含span的所有属性，以及可以发生的事件绑定，样式等，
    
            // console.table([
            //     {name:'leo',age:18,height:177},
            //     {name:'leo',age:18,height:177},
            //     {name:'leo',age:18,height:177}
            // ]);//在控制台打印出一个表格。

            // console.group();//给控制台内容分组
            // console.log('目录1');
            // console.log('leo');
            // console.group();
            // console.log('我是深一层目录');
            // console.log('77');
            // console.groupEnd();
            // console.groupEnd();
            // console.log('我在哪一层目录');

            console.count();//用来记录打印次数的。

            debugger;//打断点，测试代码
            
    </script>
</body>
</html>